/*===================================================================================*/
/*  Tailwind / Glass UI Skin
/*===================================================================================*/
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700;900&family=DM+Sans:wght@300;400;500&display=swap');

:root {
  --tw-shadow-pink: 0 0 40px rgba(255,100,150,0.4), 0 0 80px rgba(255,80,120,0.15);
  --tw-shadow-blue: 0 0 40px rgba(80,150,255,0.4), 0 0 80px rgba(60,120,255,0.15);
  --tw-shadow-violet: 0 0 40px rgba(160,80,255,0.4), 0 0 80px rgba(130,60,255,0.15);
}

body {
  font-family: 'DM Sans', sans-serif !important;
  min-height: 100vh;
  background: #fff !important;
  color: #000 !important;
  position: relative;
  overflow-x: hidden;
}
body::before { display: none; }
.wrapper, main { position: relative; z-index: 1; }

/* Glass morphism base */
.glass {
  background: rgba(255,255,255,0.52);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border: 1px solid rgba(255,255,255,0.75);
  box-shadow: 0 8px 40px rgba(0,0,0,0.08), inset 0 1px 0 rgba(255,255,255,0.9);
}
.glass-card {
  background: rgba(255,255,255,0.6);
  backdrop-filter: blur(24px) saturate(200%);
  -webkit-backdrop-filter: blur(24px) saturate(200%);
  border: 1px solid rgba(255,255,255,0.8);
  box-shadow: 0 4px 30px rgba(0,0,0,0.06), inset 0 1px 0 rgba(255,255,255,1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.glass-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 60px rgba(0,0,0,0.1), inset 0 1px 0 rgba(255,255,255,1);
}

/* Header - Glass UI */
.top-bar {
  background: rgba(255,255,255,0.52) !important;
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border-bottom: 1px solid rgba(255,255,255,0.75) !important;
  box-shadow: 0 8px 40px rgba(0,0,0,0.08);
}
header, header.no-padding-bottom.header-alt {
  background: rgba(255,255,255,0.52) !important;
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border-bottom: 1px solid rgba(255,255,255,0.75) !important;
  box-shadow: 0 8px 40px rgba(0,0,0,0.08);
}
#top-megamenu-nav {
  background: rgba(255,255,255,0.52) !important;
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border-top: 1px solid rgba(255,255,255,0.75) !important;
  box-shadow: 0 4px 30px rgba(0,0,0,0.06);
}

/* Breadcrumb glass */
#breadcrumb-alt, .breadcrumb-nav-holder {
  background: rgba(255,255,255,0.45) !important;
  backdrop-filter: blur(16px);
  border-radius: 16px;
  padding: 12px 20px !important;
}

/* Panels & widgets - flat, no box/border (exclude pricing-panel for package cards) */
.panel:not(.pricing-panel), .widget, .light-bg {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
.panel:not(.pricing-panel):hover, .widget:hover { box-shadow: none !important; }

/* Footer */
#footer {
  background: rgb(247 243 255) !important;
  backdrop-filter: blur(20px);
  border-top: 1px solid rgba(255,255,255,0.75) !important;
  position: relative;
}
#footer::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: #000;
}
#footer .link-list-row .link-widget {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
#footer .copyright-bar {
  background: rgba(255,255,255,0.3) !important;
  backdrop-filter: blur(12px);
}

/* All text black */
body, .wrapper, main, p, span, div, h1, h2, h3, h4, h5, h6, .section-title, .shop-section-title,
.title, .description, label, th, td, .breadcrumb-nav-holder a, .breadcrumb-item,
#footer, #footer *:not(.btn):not(button), .widget-head, .panel-title, .link-list-row a,
.primary-color, .le-color, .text-gray, .text-muted { color: #000 !important; }
a { color: #000 !important; }
a:hover, a:focus, a:active { color: #222 !important; text-decoration: none; }

/* Primary = violet gradient (Glass UI) - buttons only */
.btn-primary, .le-button, .le-dropdown {
  background: linear-gradient(135deg, #a855f7, #7c3aed) !important;
  border: none !important;
  color: #fff !important;
  box-shadow: 0 4px 20px rgba(168,85,247,0.4);
}
.btn-primary:hover, .le-button:hover, .le-dropdown.open {
  background: linear-gradient(135deg, #9333ea, #6d28d9) !important;
  box-shadow: 0 6px 24px rgba(168,85,247,0.5);
}
.primary-bg, .bg-primary { background: linear-gradient(135deg, #a855f7, #7c3aed) !important; color: #fff !important; }
::-moz-selection, ::selection { background: rgba(168,85,247,0.4); }
.social-icons li a:hover { background: linear-gradient(135deg, #a855f7, #7c3aed) !important; }
header .top-search-holder .search-area .search-button,
header .top-cart-row .top-cart-holder .basket-item-count .count {
  background: linear-gradient(135deg, #a855f7, #7c3aed) !important;
  border: none;
}
#top-megamenu-nav .nav > li > a, #top-megamenu-nav .dropdown .dropdown-toggle { color: #000 !important; }
#top-megamenu-nav .nav > li > a:hover, #top-megamenu-nav .dropdown:hover .dropdown-toggle,
#top-megamenu-nav .dropdown.open .dropdown-toggle {
  background: rgba(168,85,247,0.15) !important;
  color: #000 !important;
}
#top-megamenu-nav { border-right-color: rgba(168,85,247,0.2) !important; }
.navbar .navbar-toggle { background: linear-gradient(135deg, #a855f7, #7c3aed) !important; border: none; }
.sidemenu-holder .side-menu .head { background: linear-gradient(135deg, #a855f7, #7c3aed) !important; }
.breadcrumb-nav-holder .breadcrumb-item.current a { color: #000 !important; font-weight: 600; }
.pagination > .active > a, .pagination > .active > span { color: #fff !important; border-color: #a855f7; }
.pagination li a, .pagination li.current a { color: #000 !important; }
.pagination > .active > a, .pagination > .active > span { background: linear-gradient(135deg, #a855f7, #7c3aed) !important; }
#footer .link-list-row .link-widget li a:hover { color: #222 !important; }
.product-item-holder .price-current, .sidebar .widget .product-list .price .price-current { color: #000 !important; }
.product-item-holder .body .title a:hover, .file-item .title a:hover, .file-grid-item .title a:hover { color: #222 !important; }
.posts .post .date-wrapper .date, .posts .format-quote { background: linear-gradient(135deg, #a855f7, #7c3aed) !important; }
#owl-main .owl-wrapper { box-shadow: 0 5px 20px rgba(168,85,247,0.3); }
.section-title, .shop-section-title, h1, h2, h3 { font-family: 'Playfair Display', serif !important; }
.downloads-recent-header {
  background: linear-gradient(135deg, #9b74ad, #8b7dd6, #5f7da5, #c370aa);
  background-size: 300% 300%;
  animation: tailwindHeaderFlow 12s ease infinite;
  backdrop-filter: blur(20px);
  border: none;
  border-radius: 16px;
  color: #FFF !important;
}

@keyframes tailwindHeaderFlow {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}

/* File cards - same gradient, shadow & border (all sections) */
.file-item, .file-grid-item {
  background: linear-gradient(135deg, rgba(255,255,255,0.95), rgba(248,240,255,0.98)) !important;
  border: 1px solid rgba(168,85,247,0.35) !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 20px rgba(168,85,247,0.12), 0 8px 30px rgba(0,0,0,0.08), inset 0 1px 0 rgba(255,255,255,0.9) !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
}
.file-item:hover, .file-grid-item:hover {
  box-shadow: 0 12px 36px rgba(168,85,247,0.2), 0 16px 40px rgba(0,0,0,0.1), inset 0 1px 0 rgba(255,255,255,0.95) !important;
  border-color: rgba(168,85,247,0.55) !important;
}
.file-item .content-bottom, .file-grid-item .content-bottom {
  border-color: rgba(168,85,247,0.2) !important;
  border-radius: 10px !important;
}
.file-list-item {
  background: linear-gradient(135deg, rgba(255,255,255,0.95), rgba(248,240,255,0.98)) !important;
  border: 1px solid rgba(168,85,247,0.35) !important;
  box-shadow: 0 4px 20px rgba(168,85,247,0.12), 0 8px 30px rgba(0,0,0,0.08) !important;
}
.file-list-item:hover {
  box-shadow: 0 12px 36px rgba(168,85,247,0.2), 0 16px 40px rgba(0,0,0,0.1) !important;
  border-color: rgba(168,85,247,0.55) !important;
}
.folder-item, .folder-home-item {
  background: linear-gradient(135deg, rgba(255,255,255,0.95), rgba(248,240,255,0.98)) !important;
  border: 1px solid rgba(168,85,247,0.35) !important;
  box-shadow: 0 4px 20px rgba(168,85,247,0.12), 0 8px 30px rgba(0,0,0,0.08), inset 0 1px 0 rgba(255,255,255,0.9) !important;
  border-radius: 12px !important;
}
.folder-item:hover, .folder-home-item:hover {
  box-shadow: 0 12px 36px rgba(168,85,247,0.2), 0 16px 40px rgba(0,0,0,0.1) !important;
  border-color: rgba(168,85,247,0.55) !important;
}